/**
 * Created by 林 on 2017/5/17 0017.
 */
var  panelCollapse1 = $('[data-panel="Collapse"]');
var  panelCollapse2 = $('[data-panel="Collapse"] .panel');
var  panelCollapse3 = $('[data-panel="Collapse"] .panel .list-group li');
panelCollapse2[0].index = false;
panelCollapse2.find('.panel-heading').click(function () {
    if( $(this).parent().get(0).index ){
        if( $(this).parent().hasClass('last-panel') ){
            $(this).parent().find('.list-group,.table-responsive,.table,.panel-body').slideDown(300)
                .parent().find('.panel-heading')
                .css({'border-bottom-left-radius':0,'border-bottom-right-radius':0});
            $(this).parent().get(0).index = false;
        }else{
            $(this).parent().find('.list-group,.table-responsive,.table,.panel-body').slideDown(300);
            $(this).parent().get(0).index = false;
        }
    }else{
        if( $(this).parent().hasClass('last-panel') ){
            $(this).parent().find('.list-group,.table-responsive,.table,.panel-body').slideUp(300)
                .parent().css({'overflow':'hidden'});
            $(this).parent().get(0).index = true;
        }else{
            $(this).parent().find('.list-group,.table-responsive,.table,.panel-body').slideUp(300);
            $(this).parent().get(0).index = true;
        }

    }

});

var  panelCollapse5 = $('[data-panel="Collapse1"] .panel');
for(var i=0;i<panelCollapse5.length;i++){
    panelCollapse5[i].index = true;
}
panelCollapse5[0].index = false;
panelCollapse5.find('.panel-heading').click(function () {
    if( $(this).parent().get(0).index ){
        if( $(this).parent().hasClass('last-panel') ){
            $(this).parent().find('.list-group,.table-responsive,.table,.panel-body').slideDown(300)
                .parent().find('.panel-heading')
                .css({'border-bottom-left-radius':0,'border-bottom-right-radius':0});
            $(this).parent().get(0).index = false;
        }else{
            $(this).parent().find('.list-group,.table-responsive,.table,.panel-body').slideDown(300);
            $(this).parent().get(0).index = false;
        }
    }else{
        if( $(this).parent().hasClass('last-panel') ){
            $(this).parent().find('.list-group,.table-responsive,.table,.panel-body').slideUp(300)
                .parent().css({'overflow':'hidden'});
            $(this).parent().get(0).index = true;
        }else{
            $(this).parent().find('.list-group,.table-responsive,.table,.panel-body').slideUp(300);
            $(this).parent().get(0).index = true;
        }

    }

});

var scroll = $(window).scrollTop();
function pub(num1, num2) {
    panelCollapse1.css({'position':'fixed','top':0,'width':panelCollapse1.parent().width() + 'px'});
    panelCollapse3.css({'background':'#fff', 'color':'#555'});
    panelCollapse2.filter(':nth-child('+ num1 +')').find('.list-group li:nth-child('+ num2 +')').css({'background':'#5fb4c4', 'color':'#fff'});
}
if( scroll >= 370 && scroll < 1546 ){
    pub(1, 1);
}else if( scroll >= 1546 && scroll < 2280 ) {
    pub(1, 2);
}else if( scroll >= 2280 && scroll < 3335 ) {
    pub(1, 3);
}else if( scroll >= 3335 && scroll < 4490 ) {
    pub(1, 4);
}else if( scroll >= 4490 ) {
    pub(1, 5);
}else{
    panelCollapse1.removeAttr("style");
    panelCollapse3.css({'background':'#fff', 'color':'#555'});
}
$(window).scroll(function () {
    var scroll = $(window).scrollTop();
    if( scroll >= 370 && scroll < 1546 ){
        pub(1, 1);
    }else if( scroll >= 1546 && scroll < 2280 ) {
        pub(1, 2);
    }else if( scroll >= 2280 && scroll < 3335 ) {
        pub(1, 3);
    }else if( scroll >= 3335 && scroll < 4490 ) {
        pub(1, 4);
    }else if( scroll >= 4490 ) {
        pub(1, 5);
    }else{
        panelCollapse1.removeAttr("style");
        panelCollapse3.css({'background':'#fff', 'color':'#555'});
    }

});